<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<title>产品首页</title>
		<link rel="stylesheet" href="../public/css/swiper-3.4.2.min.css"/>
		<link rel="stylesheet" href="../public/css/basic.css"/>
		<link rel="stylesheet" href="../public/css/index.css"/>
		<script src="../public/js/jquery-1.11.1.min.js"></script>
		<script src="../public/js/swiper-3.4.2.jquery.min.js"></script>
	</head>
	<body>
	<div class="content">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="../public/img/pic1.jpg">
					<div class="pic-text">
						<span>麦子</span>
						<p>2016-03-03 16:45:38</p>
					</div>
				</div>
				<div class="swiper-slide">
					<img src="../public/img/pic2.jpg">
					<div class="pic-text">
						<span>麦子</span>
						<p>2016-03-03 16:45:38</p>
					</div>
				</div>
				<div class="swiper-slide">
					<img src="../public/img/pic3.jpg">
					<div class="pic-text">
						<span>麦子</span>
						<p>2016-03-03 16:45:38</p>
					</div>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<div class="pruduct-imf">
			<div class="imf-con">
				<div style="margin-top: 10px;">
					<img src="../public/img/icon16.png" class="icon1">
				</div>
				<div class="con-font">
					<span>品种</span>
					<p>麦子</p>
				</div>
			</div>
			<div class="imf-con">
				<div style="margin-top: 10px;">
					<img src="../public/img/icon15.png" class="icon1">
				</div>
				<div class="con-font">
					<span>产地</span>
					<p>湖北</p>
				</div>
			</div>
			<div class="imf-con">
				<div style="margin-top: 10px;">
					<img src="../public/img/icon17.png" class="icon1">
				</div>
				<div class="con-font">
					<span>上市时间</span>
					<p>2016-03-01</p>
				</div>
			</div>
			<img src="../public/img/line.png" class="icon2">
			<img src="../public/img/line.png" class="icon2" style="left: 65%;">
		</div>
		<div class="product-buy">
			<div class="buy-date">
				<span>预计采摘日期</span>
				<p>2016-03-03</p>
			</div>
			<div class="buy-btn">
				<div class="top-btn">立即购买</div>
				<div class="bottom-btn">预计总量1000.00千克</div>
			</div>
		</div>
		<div class="product-nav">
			<div class="all-nav">
				<div class="nav" onclick="location.href='basic_imf.html'">
					<div class="nav-left">
						<img src="../public/img/icon10.png" class="icon">
						<span>基本信息</span>
					</div>
					<div class="nav-right">
						<img src="../public/img/i.png" class="icon">
					</div>
				</div>
				<div class="nav" onclick="location.href='base_imf.html'">
					<div class="nav-left">
						<img src="../public/img/icon11.png" class="icon">
						<span>基地信息</span>
					</div>
					<div class="nav-right">
						<img src="../public/img/i.png" class="icon">
					</div>
				</div>
				<div class="nav" onclick="location.href='qualification_imf.html'">
					<div class="nav-left">
						<img src="../public/img/icon13.png" class="icon">
						<span>资质信息</span>
					</div>
					<div class="nav-right">
						<img src="../public/img/i.png" class="icon">
					</div>
				</div>
				<div class="nav" onclick="location.href='inspection_report.html'">
					<div class="nav-left">
						<img src="../public/img/icon12.png" class="icon">
						<span>质检报告</span>
					</div>
					<div class="nav-right">
						<img src="../public/img/i.png" class="icon">
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: 5000, //可选选项，自动滑动
			pagination : '.swiper-pagination',
			loop:true
		})
	</script>
</body>
</html>
